@import '@/styles/reset.css';
@import '@/styles/common.less';
@import '@/styles/element.less';


.tc_gm_main{
    padding: 20px 0;
    .tc_m_1{
        height: calc(100vh - 330px);
        overflow-y: auto;
        background: #9e9e9e30;
        max-width: 1000px;
        margin: 0 auto;
        padding: 10px;
        border-radius: 5px;
      }
    .tc_gm_2{
        display: flex;
        padding-bottom: 15px;
        word-break: break-word;
        .tc_gm_1{
            padding: 10px;
            background-color: #fff;
            margin-left: 10px;
            margin-right: 10px;
            border-radius: 5px;
            max-width: 90%;
            position: relative;
            height: max-content;
            white-space: break-spaces;
            &:after{
                width: 0px;
                height: 0px;
                content: "";
                border-top: 1px solid transparent;
                border-bottom: 10px solid transparent;
                position: absolute;
                top: 10px;
            }
        }
    }
    .tc_m_2{
        .tc_gm_1{
            &:after{
                border-right: 8px solid #fff;
                left: -8px;
            }
        }
    }
    .tc_m_3{
        justify-content: end;
        .tc_gm_1{
            &:after{
                border-left: 8px solid #fff;
                right: -8px;
            }
        }
    }
}